<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/vue.js"></script>
</head>
<body>
    <div id="div">
        <div v-bind:class="dd"></div>
        <img v-bind:src="src_img">
        <a v-bind:href="'del?id='+id">删除</a>
        <div v-bind:class="{active:isActive}"></div>
        <div v-bind:class="[ac,del]"></div>
    </div>

    <div id="app">
        <div v-bind:style="{color:color,fontSize:size+'px'}">Vue</div>

    </div>
</body>
<script>
    var app = new Vue({
        el:"#app",
        data:{
            color:"red",
            size:50
        }
    });

    var vue = new Vue({
        el:"#div",
        data:{
            dd:"ss",
            src_img:"../img/1.jpg",
            id:3,
            isActive:false,
            ac:"asass",
            del:"del"
        }
    });

</script>
</html>